本文目录：1.webpack的定义及基础核心概念2.webpack构建原理3.webpack运行的基本流程4.webpack动态加载的实现原理及使用方法5.loader的原理及手写loader的思路6.plugin的原理及手写plugin的思路7.loader和plugin的区别8.treesharking是什么9.什么是webpack热更新10.介绍下webpack5的新特性11.Webpack性能优化12.在前端工程化涌现出众多工具,试说明webpack与grunt、gulp的不同？13.npm打包时需要注意哪些？如何利用webpack来更好的构建？1.webpack的定义及基础核心概念w
1、浏览器渲染过程、渲染机制2、宏任务、微任务3、vuex刷新页面为什么会丢失数据，如何解决4、vue双向绑定原理5、计算属性和watch的区别6、ssr和spa的区别7、vue2与vue3的区别，以及3.0新增的特性8、angular，react,vue的区别9、前端储存方式10、call,bind,apply的区别11、箭头函数和function函数的区别（写法不同，箭头函数无法使用构造函数，this指向不同，箭头函数没有arguments等）12、this指向问题（在箭头函数出现之前，每一个新函数根据它是被如何调用的来定义这个函数的this值：如果该函数是一个构造函数，this指针指向一
小程序订阅消息小程序有些时候需要向用户发送消息，比如取餐提醒，审核结果通知等等，我们可以使用小程序官方开放的免费api：小程序订阅消息。小程序订阅消息类型常见的有一次性订阅消息和长期订阅消息，这两个主要区别：一次性订阅消息：用户授权一次，只能发送一次消息，再想发送需要用户再授权一次长期订阅消息：可以授权一次，一直发送，没有次数限制。（目前长期性订阅消息仅向政务民生、医疗、交通、金融、教育等线下公共服务开放）这两个都有消息模板，模板可选范围在于小程序是什么类目，不同类目模板不同。使用详细步骤本篇主要介绍一次性订阅消息的发送，以发送审核结果通知为例（因为我没有可以发送长期订阅的小程序可以做演示hh
1.背景最近做的一个效果需要传一个表单，我按照要求传回去data.但是传回去直接报错2.解决过程报错的信息是axioserror，我最开始以为是我axios请求出错，因为我习惯封装axios进行请求， 后面我又使用没有封装的axios进行封装，结果浏览器依然会报axios错误，当时我初步确定是我axios请求错误 紧接着我又换了另一种fetch请求，结果axios没有报错， 浏览器开始报新的错误，我去搜过一下这个错误大概意思说的是关于网络被BAN了（域名被屏蔽，目的IP被封），导致无法找到资源。 但是最奇怪的是我测试的环境配的域名都是国内的，完全不可能出现访问外网。这个报错我暂时放在一边，因为
为了熟悉vue3+ts的开发风格，搭建的一个仿小红书的WebApp（已开源）;持续迭代中......gitHub仓库：https://github.com/xxljunjun/vue3-webApp线上地址：http://www.xxljunjun.com/redbook一、搭建项目npminitvite@latest踩坑：vite项目需要node版本大于16！！！通过vite@latest创建的是vite3.0.7的版本npmrundev启动项目二、配置路径别名踩坑：vite中不支持require()语法！！！编辑vite.config.ts//如果报错就安装：npminstall--sav
1.路由概念：Hash地址与组件之间的对应关系工作方式：当用户点击页面上的路由链接导致了URL地址栏中的Hash值发生了变化前端路由就会监听到Hash地址的变化前端路由把当前Hash地址对应的组件渲染都浏览器中2.vue-router`vue-router是vue.js官方给出的路由解决方案2.1vue-router的基本用法安装vue-router包npminstallvue-router@4创建路由模块在src源代码目录下，新建router/index.js路由模块，并初始化代码：import{createRouter}from'vue-router'constroutes=[]const
学习微前端架构-乾坤.png目的：拆分应用，减轻一个庞大应用的压力，从另一个方面将公司所有的系统进行整合，形成一个整体。微前端出现以前，每个系统都是独立的，用户需要保存不同系统的网址，使用微前端后，记录一个地址就好了。在用户层面进了整合，从开发层面减轻了系统压力。主应用（不限技术栈）和子应用（目前vite项目的支持度不是很好）接入案例，参考官网qiankun首先需要搭建子应用，以vue2项目和react项目为例，主应用使用vue3微应用实现需要实现两个函数registerMicroApps和start，registerMicroApps用来实现注册子应用。实现入口在主应用下新建micro-fe
本文将分享10个超炫酷的前端3D开源项目。从令人惊叹的视觉效果到富有创新概念的交互体验，这些项目展示了前端技术的无限可能。无论你是新手还是经验丰富的开发者，都值得一探究竟！1.3d基于Three.js的前端WebGL页面开发合集，包含冰墩墩、数字城市、3D人像、车模展示、塞尔达传说等一些3D趣味演示页面。Github：https://github.com/dragonir/3d2.MyRoomin3D用Three.js实现的3D房间。Github：https://github.com/brunosimon/my-room-in-3d3.MiniTokyo3D用Three.js的东京公共交通系统
下载插件npminstallhtml2canvas--savenpminstalljspdf--save创建导出函数文件htmlToPdf.js//导出页面为PDF格式importhtml2Canvasfrom'html2canvas'importJsPDFfrom'jspdf'exportdefault{install(Vue,options){Vue.prototype.getPdf=function(fileName,divId){varelement=document.getElementById(divId)vartitle=fileName//PDF文件标题varc=documen
参考链接qiankun官网：微应用之间如何跳转？1.主应用、子应用路由都是hash模式 主应用根据hash来判断微应用，无需考虑该问题2.主应用根据path判断子应用方法实现适用条件参数传递存在问题a标签跳转页面重新刷新，原来的状态丢失，用户体验不好h5提供的history.pushState()方法history.pushState(state,title[,url])详见：history.pushState()微应用的路由模式为histroy传参：通过state状态对象取参：history.state不够优雅和友好通过props调主应用的路由实例，主应用再去匹配分发到子应用路由在子应用注
